.main-container {
  background: #ffffff;
  margin: 10px;

  .content-title {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
  }

  .main-content {
    height: calc(100vh - 180px);

    .canvas-wrap{
      margin: 15px;
      height: calc(100vh - 210px);
      width: 100vw;
      position: relative;
      background: url("../../../../../assets/images/ght/icons/ght-bg.png") no-repeat;
      background-size: 100% 100%;

      .gate-info {
        box-sizing: border-box;
        width: 180px;
        height: 120px;
        padding: 10px 12px 26px 15px;
        position: absolute;
        display: block;
        background: url("../../../../../assets/images/ght/icons/gate-info-bg.png") no-repeat;
        background-size: 100% 100%;
        font-size: 12px;
        z-index: 30;
        div {
          margin-bottom: 5px;
        }
      }
    }
  }
}
